﻿
@{
    ViewData["Title"] = "Index";
    Layout = null;
}

<link href="~/libs/layui-v2.5.6/layui/css/layui.css" rel="stylesheet" />


    @* 查询条件 *@
    <form class="layui-form layui-row layui-col-space16">
        <div class="layui-col-sm3">
            <input type="text" name="A" id="workStationName" placeholder="工作站名称" class="layui-input">
        </div>
        <button type="button" class="layui-btn layui-bg-blue" id="searchButton">查询</button>
        <button type="button" class="layui-btn" onclick="location.reload()">重置</button>
        <button type="button" class="layui-btn layui-bg-purple" id="addButton">添加</button>
    </form>


    @* 显示数据表格 *@
    <table class="layui-hide" id="mainData" lay-filter="mainData" style="margin-top: 10px;margin-left: 20px">
    </table>


    <script type="text/html" id="barDemo">
                <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="upd">修改</a>
        <a class="layui-btn layui-btn-orange layui-btn-xs" lay-event="delete">删除</a>
    </script>


<script src="~/libs/layui-v2.5.6/layui/layui.js"></script>
<script src="~/libs/jquery/jquery.js"></script>

<script>
    layui.use(['table', 'form'], function () {
        var table = layui.table;
        var form = layui.form;

        // 渲染数据表格
        function showData(){
           table.render({
               elem: '#mainData',
               url: '/WorkStation/GetWorkStationData', // 实际接口地址
               page: true, // 开启分页
               limit: 10, // 每页默认显示的条数
               limits: [10, 20, 30], // 每页条数的选择项
               cols: [
            [
            { field: 'id', title: 'ID', width: 100, sort: true, align: 'center'}
                ,{
                   field: 'workStationCode',
                   title: '工作站编号',
                   width: 150,
                   align: 'center',
                   templet: function (d) {
                     return `
                    <button type="button" class="layui-btn layui-btn-sm layui-btn-normal"  onclick="hyperlinks('${d.id}')">${d.workStationCode}</button>
                     `;
                   }
                  }
                 
               , { field: 'workStationName', title: '工作站名称', width: 120 , align: 'center'}
               , { field: 'workStationLocations', title: '工作站地点', width: 120 , align: 'center'}
               , { field: 'workshopName', title: '所属车间', width: 120 , align: 'center'}
               , { field: 'processId', title: '所属工序', width: 120 , align: 'center',templet: function (d) {
                       if(d.processId === "1"){
                           return '材料切割'
                       }
                       if(d.processId === "2"){
                           return '成型'
                       }
                       if(d.processId === "3"){
                           return '连接'
                       }
                       if(d.processId === "4"){
                           return '打磨'
                       }
                       if(d.processId === "5"){
                           return '涂漆/上油'
                       }
                       if(d.processId === "6"){
                           return '部件组装'
                       }
                       }}
                       , { field: 'isNo', title: '是否启用', width: 120, align: 'center' ,templet: function (d) {
                           return d.isNo === 1 ? '是' : '否';
                        }}
               , { field: 'remark', title: '备注', width: 120}
               , { fixed: 'right', title: '操作', toolbar: '#barDemo', width:350 , align: 'center' }
           ]
           ],
               where: {
                   workStationName: $("#workStationName").val(), //获取输入框的单位代码
                   isNo: 1 ,//获取输入框的单位名称
                   page:1,
                   limit:10
               },
               parseData: function (res) {
                   console.log(res);
                   return {
                       code: res.code,
                       count: res.currentPage,
                       data: res.data.queryable
                   };
               },
           })
        }


        showData()


        //查询
        $("#searchButton").on("click", function() {
            console.log("查询");
            showData();
        });


        //删除
        table.on('tool(mainData)', function (obj) {
            var data = obj.data;
            if (obj.event === 'delete') {
                layer.confirm('确定删除吗？', function (index) {
                    $.ajax({
                        url: '/WorkStation/DeleteWorkStation',
                        type: 'post',
                        data: { id: data.id },
                        success: function (res) {
                            if (res === 1) {
                                layer.msg(res.msg, { icon: 1, time: 1000 }, function () {
                                    showData();
                                });
                            } else {
                                layer.msg(res.msg, { icon: 2, time: 1000 });
                            }
                        }
                    });
                });
            } 
            if (obj.event === 'upd') {
                layer.open({
                    type: 2, // page 层类型
                    area: ['800px', '60%'],
                    title: '修改工作站',
                    shade: 0.6, // 遮罩透明度
                    shadeClose: true, // 点击遮罩区域，关闭弹层
                    maxmin: true, // 允许全屏最小化
                    anim: 0, // 0-6 的动画形式，-1 不开启
                    content: '/WorkStation/UpdateView?id=' + data.id,
                    end: function () {
                        // iframe层关闭后刷新页面
                        location.reload(); // 刷新页面
                    }
                });
            }   
        }); 


        // 添加
        $("#addButton").on("click", function() {
              layer.open({
              type: 2, // page 层类型
              area: ['800px', '60%'],
              title: '添加工作站',
              shade: 0.6, // 遮罩透明度
              shadeClose: true, // 点击遮罩区域，关闭弹层
              maxmin: true, // 允许全屏最小化
              anim: 0, // 0-6 的动画形式，-1 不开启
              content: '/WorkStation/AddView',
               end: function () {
                       // iframe层关闭后刷新页面
                       location.reload(); // 刷新页面
               }
            });
        });

    });

      // 编号超链接跳转
    function hyperlinks(id) {
          console.log(id);
          layer.open({
              type: 2, // page 层类型
              area: ['800px', '60%'],
              title: '添加工作站',
              shade: 0.6, // 遮罩透明度
              shadeClose: true, // 点击遮罩区域，关闭弹层
              maxmin: true, // 允许全屏最小化
              anim: 0, // 0-6 的动画形式，-1 不开启
              content: '/WorkStation/HyperlinksView?id='+id,
               end: function () {
                       // iframe层关闭后刷新页面
                       location.reload(); // 刷新页面
               }
            });
    }


</script>


